<!--
 * @Author: zcwhy 12345678
 * @Date: 2023-11-02 10:29:45
 * @LastEditors: zcwhy 12345678
 * @LastEditTime: 2023-12-26 16:01:14
 * @FilePath: \xxProject\src\views\accomplishment.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="mainAbout">
    <div class="topMenu">
      <van-row>
        <van-col :span="6"> <van-button type="primary" round>
            功法
          </van-button></van-col>
        <van-col :span="6"> <van-button type="success" round>
            古宝
          </van-button></van-col>
        <van-col :span="6"> <van-button type="warning" round>
            炼丹
          </van-button></van-col>
        <van-col :span="6"> <van-button type="danger" round>
            炼器
          </van-button></van-col>
      </van-row>


    </div>

    <div>
      <!-- 主线任务:突破 -->
    </div>
    <div class="dz">
      <div class="title">{{ text }} </div>
      <van-image width="15rem" height="15rem" :src="imageurl" />
    </div>
    <navBarItem />
  </div>
</template>
<script setup lang="ts">
import navBarItem from '@/components/tabber.vue'
import { ref, reactive, onMounted, nextTick } from 'vue'
import { getAssetURL } from '@/utils/index.ts'
const imageurl = ref<any>('')
const text = ref<String>('三花巨顶,五气朝元')
onMounted(() => {
  imageurl.value = getAssetURL('user/dz.png')
})

</script>
<style  lang="scss" scoped>
.topMenu {

  width: 100%;
  padding: 15px 0;
}

.dz {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 10px;
  text-align: center;

  .title {
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    color: #1890ff;
  }
}
</style>
